<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>

        p{
            /* 父元素宽度的 80%  */
            width: 80%;
            /* background-color: red; */
            /* background-color: #DD001B; */
            background-color: rgb(221,0,27);
        }
    </style>
</head>
<body>
    <!-- 像素 单位  px  长度单位 cm -->

    <!--(相对单位) em 当前字体的倍数 -->

    <!--(相对单位) 百分数80%   (通常是相对父元素)-->

    <!-- 颜色单位:  预定义好的颜色  yellow pink  red ...... -->
    <!-- 十六进制表示颜色 -->
    <!-- rgb 表示颜色  -->
    <p>不凡</p>
</body>
</html>